<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>



		<h1>我赵日天第一个不服</h1>
		<h2>我叶良辰第二个不服</h2>
		<h3>我泰日天第三个不服</h3>
		<button onclick="myFunction()">点我</button>
		<script>
			function myFunction() {
				document.querySelector("h1").style.backgroundColor = "red";
			}
		</script>
		<!DOCTYPE html>
		<html>
			<head>
				<meta charset="utf-8">
				<title></title>
				<style>
					a[target] {
						background-color: yellow;
					}
				</style>
			</head>
			<body>

				<p> CSS 选择器 a[target] 确保所有有 target 属性的链接背景颜色为黄色：</p>
				<a href="//www.baidu.com">www.baidu.com</a>
				<a href="//www.taobao.com" target="_blank">www.taobao.com</a>
				<a href="//www.tianmao.com" target="_top">www.tianmao.com</a>
				<p>点击按钮为带有 target 属性的链接添加红色背景。</p>
				<button onclick="myFunction()">点我</button>
				<script>
					function myFunction() {
						document.querySelector("a[target]").style.border = "10px solid red";
					}
				</script>


				<h1>一个 H1 元素</h1>

				<h2>一个 H2 元素</h2>

				<div>一个 DIV 元素</div>

				<p>一个 p 元素</p>

				<p>一个 p 元素，包含了 <span style="color:brown;">span</span> 元素了。 </p>

				<p>点击按钮设置使用 h2, div 和 span 元素的背景颜色。</p>


				<button onclick="myFunction()">点我</button>

				
				<script>
					function myFunction() {
						var x = document.querySelectorAll("h2, div, span");
						var i;
						for (i = 0; i < x.length; i++) {
							x[i].style.backgroundColor = "red";
						}
					}
				</script>

			</body>
		</html>

	</body>
</html>
